// Layout
// 主色
$moudle-color: #262d47; // 模块色
$backgroud-color: #1c2238; // 背景色
$highlight-color: #1f9bfd; // 选中高亮
$title-color: #ffffff; // 字体颜色
$serach-label-color: #ffffff; // 字体颜色
// padding
$layout-padding: 16px;
// 辅色
$prompt-error-color: #ff6a55; // 提示错误
$prompt-warning-color: #f09d0f; // 提示警告
// 文字，线框
$text-color: #959fc5; // 正文
$text-active-color: #ffffff; // 正文
$assist-text-color: #d6dcff; // 辅助字体颜色
$unit-text-color1: #dcc695;
$unit-text-color2: #c25e2c;
$clickable-color: #1f9bfd; // 可点击
$disabled-color: #052347; // 禁用
$border-color: rgb(126, 163, 255, 30%); // 边框颜色
$selected-border-color: #1f9bfd; // 选中边框颜色
$dividing-line-color: #404970; // 分割线颜色
$dividing-line-linhight-color: #045491; // 分割线颜色
$tab-dividing-line-color: #2d3452; // 页签分割线
$tab-bg-color: linear-gradient(180deg, #354060 0%, rgba(45, 52, 82, 0) 100%);
// 图标
$icon-header-color: #959fc5; // header(top)功能图标
$icon-user-bg-color: #1c2238; // 用户图表背景颜色
$icon-color1: linear-gradient(315deg, #ffbc35 0%, #f7d797 100%);
$icon-color2: linear-gradient(154deg, #ffbc98 0%, #ed5c0f 100%);
$icon-color3: linear-gradient(143deg, #b6adf4 0%, #6b51f9 100%);
$icon-color4: linear-gradient(135deg, #eaffae 0%, #9fdb1e 100%);
$icon-color5: linear-gradient(135deg, #e7a8fe 0%, #9313ec 100%);
$icon-color5: linear-gradient(158deg, #cafcf8 0%, #25f0d7 100%);
$icon-color5: linear-gradient(180deg, #5db4f9 0%, #1f9bfd 100%);
// 标准字
$chinese-font-family: PingFangSC-Regular, PingFang SC; // 中文
$engish-font-family: Helvetica, Arilal, Verdan; // 英文
// 常用字号
$title-font-size: 16px;
$title-height: 24px;
$title-line-height: 24px;
$default-font-size: 16px;
$default-height: 28px;
$default-line-height: 28px;
$assist-font-size: 12px;
$assist-height: 18px;
$assist-line-height: 18px;
// 按钮
$button-bg-color: #1f9bfd; // 按钮背景色
$default-btn-bg-color: #2b4267;
$default-btn-border-color: rgba(
  $color: #1f9bfd,
  $alpha: 20%,
);
$default-btn-text-color: #ffffff;
$default-btn-mouseover-border-color: #1f9bfd;
$default-btn-mousedown-border-color: #1f9bfd;
$default-btn-mousedown-bg-color: #1f9bfd;
$default-btn-disabled-bg-color: #363657;
$default-btn-disabled-border-color: #606782;
$default-btn-disabled-border-radius: 30%;
$default-btn-disabled-text-color: #606782;
// 输入框
$input-bg-color: #363657;
$input-hover-border-color: #7ea3ff;
$input-text-color: #ffffff;
$input-width: 200px;
$input-height: 36px;
$input-big-width: 200px;
// 复选框
$checkbox-width: 14px;
$checkbox-height: 14px;
$checkbox-unchecked-bg-color: #b9b9c4;
$checkbox-unchecked-border-color: #d2daf1;
$checkbox-checked-bg-color: #363657;
$checkbox-checked-border-color: #7eade0;
$checkbox-checked-text-color: #d6dcff;
// 选择器（下拉框）
$select-dropdown-bg-color: #1e2140;
$select-dropdown-color: #d9dcfa;
$select-dropdown-selected-bg-color: #4b9af5;
$select-dropdown-selected-color: #ffffff;
$select-dropdown-hover-bg-color: #253962;
$select-dropdown-hover-color: #eff0fe;
$select-dropdown-disabled-bg-color: $disabled-color;
$select-dropdown-disabled-color: $text-color;
// 分页
$pagination-bg-color: #262c46;
$pagination-text-color: #909ac0;
$pagination-border-color: #343e67;
$pagination-select-bg-color: rgba(
  $color: #1f9bfd,
  $alpha: 20%,
);
$pagination-select-color: #ffffff;
// 表格
// 表格单双行
$table-bg-color: #1c2238;
$table-bg-color1: #272c46;
// 多表头的时候
$table-title-first-bg-color: #354060;
// 高亮颜色
$table-highlight-bg-color: #3d425f;
$table-highlight-color: #d6dcff;
$table-border-color: $border-color;
$table-dividing-line-color: rgb(53, 63, 95, 70%);
$table-hover-td-bg-color: #3c4260;
$table-hover-td-color: rgb(97, 99, 140, 40%);
$table-focus-td-color: rgb(31, 155, 253, 20%);
$table-clickable-color: #1f9bfd;
$table-box-shadow: 0 0 23px rgba(0, 0, 0, 0.5);
$table-operate-dividing-color: #354060;
$self-table-color: #9cb5d6;
// 时间控件颜色
$date-color: #959fc5;
$date-next-month-prev-month-color: rgba(255, 255, 255, 0.25);
$date-cell-color: rgba(255, 255, 255, 0.85);
$date-hover-color: rgb(31, 155, 253);
$date-hove-range-color: rgba(31, 155, 253, 0.45);
$date-icon-btn-color: rgba(255, 255, 255, 0.45);
// 滚动条样式
$scrollbar-bg-color: rgba(144, 147, 153, 0.3);
// el-card样式
$card-header-bg-color: #37405e;
$card-body-bg-color: #272d45;
$card-color: $title-color;
$card-btn-bg-color: #38517b;
// 进度调样式
$progress-bg-color: #354060;
$progress-bg-color1: linear-gradient(90deg, #fa635a 0%, #fcaa6e 100%);
$progress-bg-color2: linear-gradient(90deg, #39a7f5 0%, #16e1f1 100%);

// echarts颜色
$echarts-tooptip-bg-color: $moudle-color;
$echarts-xy-bg-color: $backgroud-color;
$echarts-icon-color: $title-color;
$echarts-text-color: $title-color;
$echarts-linehight-color: $highlight-color;
$echarts-border-color: $border-color;
// 横向柱状图颜色
$echarts-bar-h-color01: #262d47;
$echarts-bar-h-color02: #6497c6;
$echarts-bar-h-color11: #262d47;
$echarts-bar-h-color12: #6375bb;
// 纵向柱状图颜色，折线图颜色
$echarts-bar-line-color01: #0ca1ff;
$echarts-bar-line-color02: #0ce0ff;
$echarts-bar-line-color11: #6fe7fb;
$echarts-bar-line-color12: #43bcd0;
$echarts-bar-line-color21: #abd998;
$echarts-bar-line-color22: #7ab064;
$echarts-bar-line-color31: #7098fc;
$echarts-bar-line-color32: #3d64c3;
$echarts-bar-line-color41: #ae850b;
$echarts-bar-line-color42: #f5d078;
$echarts-bar-line-color51: #bd490b;
$echarts-bar-line-color52: #fd8c47;
// 饼图颜色
$ecahrts-pie-color1: #0cb8c6;
$ecahrts-pie-color2: #cafffe;
$ecahrts-pie-color3: #f4ae72;
$ecahrts-pie-color4: #ffffca;

// 变量导出
:export {
  tooptipBgColor: $echarts-tooptip-bg-color;
  xyLineBgColor: $echarts-xy-bg-color;
  iconColor: $echarts-icon-color;
  textColor: '#E3F1FD';
  linehightColor: $echarts-linehight-color;
  borderColor: $echarts-border-color;
  echartsBarHColor01: $echarts-bar-h-color01;
  echartsBarHColor02: $echarts-bar-h-color02;
  echartsBarHColor11: $echarts-bar-h-color11;
  echartsBarHColor12: $echarts-bar-h-color12;
  echartsBarLineColor01: $echarts-bar-line-color01;
  echartsBarLineColor02: $echarts-bar-line-color02;
  echartsBarLineColor11: $echarts-bar-line-color11;
  echartsBarLineColor12: $echarts-bar-line-color12;
  echartsBarLineColor21: $echarts-bar-line-color21;
  echartsBarLineColor22: $echarts-bar-line-color22;
  echartsBarLineColor31: $echarts-bar-line-color31;
  echartsBarLineColor32: $echarts-bar-line-color32;
  echartsBarLineColor41: $echarts-bar-line-color41;
  echartsBarLineColor42: $echarts-bar-line-color42;
  echartsBarLineColor51: $echarts-bar-line-color51;
  echartsBarLineColor52: $echarts-bar-line-color52;
  ecahrtsPieColor1: $ecahrts-pie-color1;
  ecahrtsPieColor2: $ecahrts-pie-color2;
  ecahrtsPieColor3: $ecahrts-pie-color3;
  ecahrtsPieColor4: $ecahrts-pie-color4;
}
